<template>
  <!--  <div id="map" style="height: 35%;width: 40%"/>-->
  <div id="map" style="height: 300px;"/>

</template>

<script>

export default {
  data() {
    return {}
  },
  methods: {
    // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
    initMap() {
      // 定义地图中心点坐标 秦皇岛市
      var center = new window.TMap.LatLng(39.894677, 119.525974)
      // 定义map变量，调用 TMap.Map() 构造函数创建地图
      var map = new window.TMap.Map(document.getElementById('map'), {
        center: center, // 设置地图中心点坐标
        zoom: 10, // 设置地图缩放级别
        pitch: 43.5, // 设置俯仰角
        rotation: 45 // 设置地图旋转角度
      })

      // 添加标记点
      this.addMarker()
    },
    addMarker() {
      const QQMap = window.qq.maps;
      const marker = new QQMap.Marker({
        position: new QQMap.LatLng(...this.lnglat),
        map: this.map // 将标记添加到地图上
      });
    }
  },
  mounted() {
    this.initMap()
  }
}
</script>
<style>

</style>
